/* CSS styles for structural layout. */
#layout {
  margin: 0px -1px 0px 0px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  padding: 0px;
  width: 100%;
  min-width: 750px;
  background-color: grey;
}
#header, #footer {
  width: 100%;
  position: relative;
  z-index: 13;
  color: white;
}
#header {
  margin: 0px 0px 0px 0px;
  border-right: 1px solid grey;
  border-bottom: 1px solid grey;
  padding: 0px 0px 0px 0px;
  height: 100px;
  text-align: left;
  background-color: skyblue;
}
#footer {
  padding: 3px;
}
.page {
  margin: 5px 0px 0px 0px;
  border-right: 150px solid skyblue;
  border-left: 0px solid grey;
  padding: 0px;
  width: auto;
  background-color: white;
}
.section {
  margin: 0px;
  border: none;
  padding: 0px;
  width: 100%;
}
.column-A, .column-B, .column-C {
  position: relative;
  float: left;
}
.column-A {
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 0px;
  width: 0px;
  z-index: 10;
}
.column-B {
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 0px 0px 0px 0px;
  width: 100%;
  z-index: 20;
  background-color: white;
}
.column-B-contents {
  margin: 0px 0px 0px 0px;
  border: none;
  padding: 5px;
  width: auto;
  z-index: 21;
  background-color: white;  
}
.column-C {
  margin: 0px -150px 0px 0px;
  border: none;
  padding: 0px;
  width: 150px;
  z-index: 11;
  background-color: skyblue;
}
.column_area {
  margin: 5px;
  border: 1px grey solid;
  padding: 5px;
  z-index: 15;
  background-color: white;
}
.clear {
  clear: both;
}
.page > .section {
  border-bottom: 1px solid transparent;
}
